<template>
  <div class="hello">
    <h1>{{ msg }}</h1>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import {Observable} from 'rxjs';

export default defineComponent({
  name: 'HelloWorld',
  props: {
    msg: String,
  },
  // domStreams: ['setName$', 'resetMsg$'],
  // subscriptions() {
  //   return {
  //     // 发送一个普通的值
  //     name: new Observable.of('张三'),
  //     // 发送一个修改的值
  //     age$: Observable.of(20).map(item => item + 10),
  //     // 定义发送一个数组
  //     arr$: new Observable.of(['第一本书', '第二本书']),
  //     // 发送一个数组
  //     obj$: new Observable.of({
  //       a: 'test-obj',
  //       name: '呵呵'
  //     }),
  //     // 发送一个promise函数
  //     promise$: new Observable.fromPromise(this.getPromise()),
  //     // 定时器
  //     interval$: new Observable.interval(1000)
  //   }
  // },
});
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
</style>
